<template>
	<div class="home-foot">
		<div class="msg">
			&diams;票面价是指通过景区指定创空售卖的纸质门票上标注的价格
		</div>
		<ul class="mores">
			<li>
				<span class="iconfont">&#xe63b;</span>
				<label>机票</label>
			</li>
			<li>
				<span class="iconfont">&#xe61b;</span>
				<label>酒店</label>
			</li>
			<li>
				<span class="iconfont">&#xe662;</span>
				<label>公寓</label>
			</li>
			<li>|</li>
			<li>
				<a href="#">更多</a>
			</li>
		</ul>
		<ol class="list border-bottom">
			<li>
				<a href="#">登录</a>
			</li>
			<li>
				<a href="#">我的订单</a>
			</li>
			<li>
				<a href="#">最近浏览</a>
			</li>
			<li>
				<a href="#">关于我们</a>
			</li>
		</ol>
		<p>
			Qunar 京ICP备05021087
		</p>
	</div>
</template>

<script>
</script>

<style scoped>
	.home-foot{
		width:100%;
		margin-top: 0.2rem;
		font-size: 0.28rem;
	}
	.msg{
		background-color: white;
		padding: 0.2rem;
		font-size: 0.24rem;
	}
	.mores{
		overflow: hidden;
		margin: 0.2rem auto;
		display: flex;
		justify-content: space-around;
		width: 85%;
		
	}
	.mores li .iconfont{
		margin-right: 0.1rem;
	}
	.mores li a{
		color: #212121;
	}
	.list{
		display: flex;
		padding: 0.4rem 0;
		margin: 0 auto;
		position: relative;

	}
	.list li{
		margin: 0 0.4rem;
	}
	.home-foot p{
		text-align: center;
		padding: 0.4rem 0;
	}
</style>
